<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>我的收藏</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui-win.css"/>
		<style>
             /*头部样式*/
            *{
            	padding: 0;
            	margin: 0;
            }
            body{
                
                background: white;
            }
            div{
                width:100%;
                /*background:#E0E0E0;*/
            
            }
            span{
                margin-top:200px;
                font-size: 20px;
            }
            #back{
                background: transparent;
            }
            #screening{
            	position: relative;
            	left:32%;

            }
            #tanChu{
            	width: 18%;
            	height: 80px;
            	background: black;
            	opacity: 0.8;
            	position: absolute;
            	top: 38px;
            	left:78%;
            	display: none;
            }
            #tanChu li{
				color: white;
				font-size: 0.5rem;
				height: 20px;
				width: 100%;
				padding: 0;
				margin: 0;
				line-height: 20px;
            }
            #sanjiao{
            	 width:0px;
            	 height:0px;
            	 border-width:0 8px 8px;
    			 border-style:solid;
    			 border-color:transparent transparent black;/*透明 透明  灰*/
    			 opacity: 0.8;
            	 position: absolute;
            	 top:30px;
            	 left: 85%;
            	 z-index: 999;
            	 display: none;
            }
            #inputCha{
            	width: 85%;
            	height: 30px;
            	border-radius: 15px;
            	outline: none;
            	padding-left: 5%;
            	background: url(../../image/home/busess/search.png) no-repeat 0 7px;
            }
            .inputDiv{
            	margin: 15px 5% 0 5%;
            	background: #E0E0E0;
            	border-radius: 15px;
            	height: 30px;
            	width: 90%;
            }
            #txtNewsList{
            	width:100%;
            	
            }
            #txtNewsList .portrait{
            	width: 15%;
            	float: left;
            }
            #txtNewsList .tNl-content{
            	width: 85%;
            	float: left;
            	border-bottom: 1px solid #ccc;
            }
            .tNl-content ul li{
            	float: left;
            	width: 23%;
            	margin-right: 2%;
            }
            img{
            	width: 100%;
            	height: 100%;
            }
            .tNl-content p{
            	text-align: left;
            	font-family: "黑体";

            }
			.ctt-top{
				width: 100%;

			}
            .name{
            	width: 50%;
            	float:left;
            	height: 20px;
            }
            .time{
            	float: right;
            	width: 50%;
            	height: 20px;
            	text-indent: 2.5em;
            }
            .ctt-bottom{
            	clear: both;
            }
			#baocun{
			position: absolute;
			right: 15px;
			top: 0;
			background:none;
			color: white;
			font-size:0.9rem;
		}
		#txtNewsList{
			width:100%;
		}
		#txtNewsList li{
			height:100px;
			background:white;
			border-bottom:1px solid #999;
		}
		#txtNewsList li img{
			width:90px;
			height:90px;
			float:left;
			margin:5px;
			border-radius:8px;
		} 
		#txtNewsList .content_div{
			height:90px;
			margin-left:110px;
			margin-top:5px;
			overflow: hidden;
			width:65%;
		}
		.content_div h3{
			font-size: 16px;
    		font-weight: 800;
    		color: #00abfd;
    		margin-bottom: 2px;
    		white-space: nowrap;
    		text-overflow: ellipsis;
    		overflow: hidden;
    		text-aglin:left;
		}
		.content_div p{
			    height: 20px;
    			width: 100%;
    			color: #333;
    			font-size: 14px;
    			word-wrap: break-word;
		}
		#txtNewsList .content_div img{
			    width:12px;
			    height:12px;
			    margin:7px 5px 0 0;
			    
		}
		.content_div span{
			font-size:14px;
			color:#999;
		}
		.nav_div{
			width:100%;
			background:#f5f5f5;
		}
		.nav_div li{
			width:25%;
			height:45px;
			border-bottom:2px solid #00abfd;
			list-style:none;
			color:#00abfd;
			text-align:center;
			line-height:45px;
			font-size:16px;
		}
		</style>
	</head>
	<body>
    	<div class="div_loding_img">
		数据加载中
		</div>
<header class="aui-bar aui-bar-nav aui-bar-yunzo" id="aui-header">
		<a class="aui-btn aui-bar-yunzo aui-pull-left" id="back" onclick="back_go()"> <span class="aui-iconfont aui-icon-left"></span></a>
		<div class="aui-title" id="title">
			我的收藏
		</div>
		<a class="aui-iconfont aui-icon-menu aui-pull-right"></a>
		
    </header>
    <div class="margin_div"></div>
	<div id="sanjiao">
    </div>
    <ul class="nav_div">
    	<li>商机</li>
    </ul>
	<ul id="txtNewsList">
		
	</ul>
	
    <!--加载loading功能-->

    </body>
	<script type="text/javascript" src="../../script/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
    <script>
        /*ty-2015-11-23*/
        /*返回上级页面*/
        $("#back").attr("href","mine.html");
		var topDataArr;
		var listDataArr;
//        /*loading加载转圈*/
//        sTart_Stop();

        /*获取我的订单列表*/
        //        var baseDatas = basedata('myinfo');
        var pagesize=10;
        var bodyParam={
            pagesize:pagesize,
            mid:$mid,
            groupid:$groupid,
            did:initdata.get('busessinfo')
        };
        sTart_Stop();
        ajaxcocRequest("../../../api/getcollectlist","POST",bodyParam,function(msg){
          
            var str="";
            var srcStr;
            if(msg.code==100){
                if(msg.data.length==0){
                    
                    $("#txtNewsList").append("<div style='width:20%;margin:40px 0 0 40%;'><img src='../../image/gantan.png' style='width:100%;'></div><p style='width:100%;text-align:center;margin-top:30px;color:#999;font-size:18px;'>没有收藏信息！</p>")
                }else{
                	listDataArr = new Array();
                    for(var j=0;j<msg.data.length;j++){
                    	
                    	var len=msg.data[j].n1.split(",");
             
                    	listDataArr[j] = [msg.data[j].n0, len[3], len[3],len[3], len[3], len[3], len[3], len[3],len[3],len[3]];
                    		if(len[0]=="null"){
                    			srcStr='../../image/home/busess/yunzo_def.png';
                    		}
                    		else{
                    			srcStr=len[0];
                    		}
                    	str+="<li><a tapmode='active' onclick='openinfo(listDataArr," + j + ")'><img src='"+srcStr+"'><div class='content_div'><h3>"+len[3]+"</h3><p>"+len[4]+"</p><p>"+len[1]+"</p><span><img src='../../image/home/busess/shijian.png'>"+len[2]+"</span></div></a></li>"
                    	
						
                    }
                    $("#txtNewsList").append(str);
                    $("img").error(function(){
    					$(this).attr("src","../../image/home/busess/yunzo_def.png")
    				});
                }
            }else{
            	$("body").append('<div class="wuwang"><img src="../../image/iconfont-wangluo.png"><p>网络拥堵，信息塞车</p></div>')
            }
        });
        function rec1(){
        	var a=$("#tanChu").css("display");
        	var b=$("#sanjiao").css("display");
        	if(a=="none"&&b=="none"){
        		$("#tanChu").css("display","block");
        		$("#sanjiao").css("display","block");
        	}
        	else{
        		$("#tanChu").css("display","none");
        		$("#sanjiao").css("display","none");
        	}
        }
        function rec(){
            window.history.go(-1)
        }
        function openinfo(arr,i){
        	
        	var localData =  window.localStorage;
        	window.location ="../first_frame/busess_info.html?"+encodeURIComponent("infoid="+arr[i][0]+"&title="+arr[i][1]+"&logoImg="+arr[i][2]+"&bussCopny="+arr[i][3]+"&bussTime="+arr[i][4]+"&bussPub="+arr[i][5]+"&bussBrws="+arr[i][6]+"&bussComts="+arr[i][7]+"&bussPris="+arr[i][8]+"&isColltect="+arr[i][9]);
        }
    </script>
</html>